{#
/**
 * @file
 * Default theme implementation to display the basic html structure of a single
 * Drupal page.
 *
 * Variables:
 * - $css: An array of CSS files for the current page.
 * - $language: (object) The language the site is being displayed in.
 *   $language->language contains its textual representation.
 *   $language->dir contains the language direction. It will either be 'ltr' or
 *   'rtl'.
 * - $rdf_namespaces: All the RDF namespace prefixes used in the HTML document.
 * - $grddl_profile: A GRDDL profile allowing agents to extract the RDF data.
 * - $head_title: A modified version of the page title, for use in the TITLE
 *   tag.
 * - $head_title_array: (array) An associative array containing the string parts
 *   that were used to generate the $head_title variable, already prepared to be
 *   output as TITLE tag. The key/value pairs may contain one or more of the
 *   following, depending on conditions:
 *   - title: The title of the current page, if any.
 *   - name: The name of the site.
 *   - slogan: The slogan of the site, if any, and if there is no title.
 * - $head: Markup for the HEAD section (including meta tags, keyword tags, and
 *   so on).
 * - $styles: Style tags necessary to import all CSS files for the page.
 * - $scripts: Script tags necessary to load the JavaScript files and settings
 *   for the page.
 * - $page_top: Initial markup from any modules that have altered the
 *   page. This variable should always be output first, before all other dynamic
 *   content.
 * - $page: The rendered page content.
 * - $page_bottom: Final closing markup from any modules that have altered the
 *   page. This variable should always be output last, after all other dynamic
 *   content.
 * - $classes String of classes that can be used to style contextually through
 *   CSS.
 *
 * @ingroup templates
 *
 * @see bootstrap_preprocess_html()
 * @see template_preprocess()
 * @see template_preprocess_html()
 * @see template_process()
 */
#}
{%
  set body_classes = [
    logged_in ? 'user-logged-in',
    not root_path ? 'path-frontpage' : 'path-' ~ root_path|clean_class,
    node_type ? 'page-node-type-' ~ node_type|clean_class,
    db_offline ? 'db-offline',
    theme.settings.navbar_position ? 'navbar-is-' ~ theme.settings.navbar_position,
    theme.has_glyphicons ? 'has-glyphicons',
  ]
%}
<!DOCTYPE html>
<!--[if lt IE 9 ]> <html dir="ltr" lang="en-US" class="ie8"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html {{ html_attributes }}>
  <!--<![endif]-->
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  <head-placeholder token="{{ placeholder_token|raw }}">
    <title>{{ head_title|safe_join(' | ') }}</title>
    <css-placeholder token="{{ placeholder_token|raw }}">
    <js-placeholder token="{{ placeholder_token|raw }}">
    <style>
      #iewarning-body {
        display: none;
      }
      #ie8warning-panel, #ie8warning-close, #iewarning-position {display: block;}
      #ie8warning{
        display: inline-block;
      }
    </style>
  </head>
  <body{{ attributes.addClass(body_classes) }}>
    <div id="iewarning-body">
      <div id="iewarning-position">
        <div id="ie8warning">
          <h2>你的Internet Explorer版本过低</h2>
          <p>为了得到我们网站最好的体验效果，我们建议您升级您的浏览器</p>
          <ul class="navigation">
            <a href="https://www.google.com/chrome/">
              <li class="chrome"></li>
            </a>
            <a href="http://www.mozilla.org/en-US/firefox/new/">
              <li class="firefox"></li>
            </a>
            <a href="http://windows.microsoft.com/en-US/internet-explorer/downloads/ie/">
              <li class="ie9"></li>
            </a>
            <a href="http://www.apple.com/safari/download/">
              <li class="opera"></li>
            </a>
            <a href="http://www.opera.com/download/">
              <li class="safari"></li>
            </a>
          </ul>
        </div>
      </div>
      <button id="ie8warning-close" type="button" name="button">×</button>
      <div id="ie8warning-panel"></div>
    </div>
    <script type="text/javascript">
      if (document.documentElement.getAttribute('class').indexOf('ie8') != -1) {
        if (document.cookie.indexOf('ie8warning=' + true) == -1) {
          document.getElementById('iewarning-body').setAttribute('style', 'display:block');

          document.getElementById('ie8warning-close').onclick = function() {
            document.getElementById('iewarning-body').setAttribute('style', 'display:none');
            document.cookie = 'ie8warning=' + true;
            Response.Cookies["ie8warning"].Expires = DateTime.MinValue;
          }
        }
      }
    </script>
    <a href="#main-content" class="visually-hidden focusable skip-link">
      {{ 'Skip to main content'|t }}
    </a>
    {# page_top #}
    {{ page }}
    {{ page_bottom }}
    <js-bottom-placeholder token="{{ placeholder_token|raw }}">
  </body>
</html>
